@import "~taro-ui/dist/style/components/tabs.scss";
@import "~taro-ui/dist/style/components/accordion.scss";
@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/search-bar.scss";
@import "~taro-ui/dist/style/components/button.scss";
@import "~taro-ui/dist/style/components/avatar.scss";
@import "~taro-ui/dist/style/components/rate.scss";
.box{
    background:linear-gradient(to bottom,#FCE38A,#F38181);
}
.IDcard{
    width: 100vw;
    height: 25vh;
    border-bottom: #c2bebe solid 3px;
}
.IDcard_top{
    display: flex;
    flex-direction:row;
	justify-content:center;
	align-items: center;
    margin-left: 3%;
}
.name{
    width: 50vw;
    height: 12vh;
    //border: #9f4141 solid 3px;
    line-height: 40px;
    margin-left: 3%;
}
.name_a{
    display: flex;
    flex-direction:row;
	justify-content:flex-start;
	align-items: flex-start;
}
.name_text1{
    font-size: 30px;
    font-weight: bold;
    padding-top: 10%;
}
.online{
    width: 13vw;
    height: 3vh;
    margin-left: 2%;
    margin-top: 3%;
    background: #3a77d3;
    color: #fff;
    font-size: 23px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.name_text2{
    font-size: 27px;
    color:  #6b6464;
}
.ping{
    width: 46vw;
    height: 5vh;
    //border: #9f4141 solid 3px;
    margin-left: 2%;
    display: flex;
    flex-direction:row;
	justify-content:center;
	align-items: center;
    margin-top: -6%;
    margin-left: -18%;
}
.ping_text{
    font-size: 25px;
}
.ping_text1{
    margin-left: 2%;
    font-size: 26px;
    color: #F38181;
}
.like{
    font-size: 30px;
    margin-left: 3%;
    margin-top: 2%;
}
.price{
    width: 100vw;
    height: 4vh;
    margin-top: 2%;
    // border: #9f4141 solid 3px;
    display: flex;
    flex-direction:row;
	justify-content:space-around;
	align-items: center;
}
.pricebox{
    display: flex;
    flex-direction:row;
	justify-content:center;
	align-items: center;
    // border: #e50c0c solid 3px;
}
.communication{
    width: 4vw;
    height: 3vh;
    // margin-left: 3%;
    padding-top: 8%;
}
.yuan{
    // margin-left: 1%;
    font-size: 30px;
}
.waitFor{
    font-size: 30px;
    // margin-left: 5%;
}